<template>
  <div id="app">
    <!-- 路由出口 -->
    <keep-alive>
      <router-view v-if="$route.meta.isKeepAlive"></router-view>
    </keep-alive>
    <router-view v-if="!$route.meta.isKeepAlive"></router-view>
  </div>
</template>
<script>
export default {
  data () {
    return {
    }
  },
  created () {
    // this.$http.get('/').then(res => {
    //   console.log(res)
    // })
  }
}
</script>

<style lang="scss">
// 出less之外 sass scss stylus 都是做css预处理的
// scss 和 less 很类似 les定义变量 @变量名: 值;
// scss定义变量 $变量名: 值;
// sass 这是旧的sass 旧语法 样式不让加 {}  不加; 和 stylus类似
// ----------------
// sass语法
//  $color: pink
// body
//   #app
//    background-color: $color
// body {
//   #app {
//     background-color: pink;
//   }
// }
// #box {
//   width: 50px;
//   height: 50px;
//   background-color: red;
// }
</style>
